<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GEAT</title>
<link type="text/css" href="css/dark-hive/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

			// Accordion
				$("#accordion").accordion({ header: "h3" });

				// Tabs
				$('#tabs').tabs();
				
				

			});
		</script>
        
<!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<link href="/css/principal.css" rel="stylesheet" type="text/css" />
</head>

<body class="twoColLiqLtHdr">

<div id="container">
  <div id="header">
    <div id="logo"><img src="/image/png/logo.png" alt="logo" width="183" height="91" /></div>
    <div id="tabs">
      <ul> <li><a href="#tabs-1">Inicio</a></li>
        <li><a href="#tabs-2">Productos</a></li>
        <li><a href="#tabs-3">Soluciones</a></li>
        <li><a href="#tabs-4">Empresa</a></li>
        <li><a href="#tabs-5">Contáctenos</a></li>
      </ul>
      <div id="tabs-1">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <div class="sidebartemp" id="accordion"> </br>
          </br>
          </br>
          <div>
            <h3><a href="#">First</a></h3>
            <div></div>
          </div>
          <div>
            <h3><a href="#">Second</a></h3>
            <div></div>
          </div>
          <div>
            <h3><a href="#">Third</a></h3>
            <div></div>
          </div>
        </div>
        <div id="mainContent">
          <h1> Contenido principal </h1>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
          <h2>Encabezado de nivel H2 </h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
          <!-- end #mainContent -->
        </div>
        <p>&nbsp;</p>
      </div>
      <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
      <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
      <div id="tabs-4">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
      <div id="tabs-5">Na.</div>
</div>
  </div>
  <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos -->
  <br class="clearfloat" />
  <div id="footer">
     <ul> <li>Términos y Condiciones</li>
        <li>Recomienda esta página</li>
        <li>Haga de esta su página de inicio</li>
        <li>Mapa del Sitio</li>
        <li>Contáctenos</li>
      </ul>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>